*{
    margin: 0;
    padding: 0;
}
// 开头
.header{
    width: 100%;
    height: 70px;
    > .contain{
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        // background-color: pink;
        display: flex;
        justify-content: space-between;
        align-items: center;
        > .left{
            width: 408.69px;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            > img{
                width: 189px;
                height: 100%;
            }
            > span{
                width: 1px;
                height: 20px;
                display: block;
                border-left: 1px solid gray;
            }
        }
        > .right{
            width: 264px;
            height: 100%;
            font-size: 14px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            > a{
                color: black;
            }
            > a:hover{
                color: green;
            }
        }
    }
}

// 中间部分
.news{
    width: 100%;
    height: 640px;
    background-color: black;
    > .contain{
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        position: relative;
        // display: flex;
        // justify-content: space-between;
        // align-items: center;
        > .left{
            width: 100%;
            height: 100%;
            > img{
                width: 100%;
                height: 100%;
            }
        }
        // 表单
        > .right{
            position: absolute;
            flex: 1;
            right: 0;
            top: 134px;
            background-color: white;
            > .header{
                width: 372px;
                height: 60px;
                display: flex;
                position: relative;
                > .left{
                    width: 227px;
                    height: 28px;
                    position: absolute;
                    left: 32px;
                    bottom: 0;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    > p{
                        font-size: 17px;
                        color: grey;
                    }
                    > p.active{
                        color: black;
                        font-weight: 700;
                        border-bottom: 2px solid green;
                    }
                    > span{
                        display: block;
                        width: 1px;
                        height: 20px;
                        border-left: 1px solid black;
                    }
                }
                > img{
                    width: 60px;
                    height: 60px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
            }
            > .center{
                width: 372px;
                // height: 312px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                >.container{
                    width: 308px;
                    height: 247px;
                    margin: 0 32px 0 32px;
                    padding: 20px 0 20px 0;
                    > input{
                        width: 308px;
                        height: 42px;
                        border: 1px solid grey;
                        padding-left: 10px;
                        box-sizing: border-box;
                        margin-bottom: 20px;
                    
                    }
                    > button{
                        width: 308px;
                        height: 42px;
                        background-color: #00C99B;
                        color: white;
                        font-size: 17px;
                        box-sizing: border-box;
                        border: none;
                        cursor: pointer;
                        margin-bottom: 10px;
                    }
                    > a{
                        cursor: pointer;
                        color: #6f6f6f;
                    }
                    > a:hover{
                        color: #00C99B;
                    }
                    > p{
                        color: red;
                        font-size: 14px;
                        display: none;
                    }
                }
                
            }
            > .fot{
                width: 100%;
                height: 64px;
                background-color: #f3f3f3;
                > .container{
                    width: 308px;
                    height: 100%;
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    > .left{
                        width: 120px;
                        height: 100%;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;
                        color: #6f6f6f;
                        > p{
                        font-size: 22px;
                        }
                        > p:nth-child(1):hover{
                            color: paleturquoise;
                        }
                        > p:nth-child(2):hover{
                            color: #00C99B;
                        }
                        > p:nth-child(3):hover{
                            color: palevioletred;
                        }
                    }
                    > .right{
                        font-size: 14px;
                        
                        > a{
                            color: #00C99B;
                        }
                    }
                }
            }
        }
    }
}

// 底部部分
.footer{
    width: 100%;
    height: 128px;
    text-align: center;
    > .zong{
        width: 100%;
        height: 48px;
        margin: 40px 0;
        > .fot{
            height: 24px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            > a{
                color: #6f6f6f;
            }
        }
    }
}